<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
<h:head>
    <h:outputStylesheet library="css" name="trashtalk.css"/>
    <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'/>
</h:head>
<h:body style="background-color: #EFEFEF; text-align:center">
    <div class="topcontainer" style="margin-bottom: 0">
        <div>
            <h1>Trash Talk 3000</h1>
        </div>
    </div>
    <div>
        <div id="menu">
            <h:form>
                <span><a href="/results.xhtml">Results</a></span>
                <span><a href="/secured/register_match.xhtml">Register result</a></span>
                <span><a href="/headtohead.xhtml">Head to head</a></span>
                <h:panelGroup rendered="#{!loginBean.loggedIn}"><a href="/newuser.xhtml">Sign up</a></h:panelGroup>
                <span>
                    <p:commandLink rendered="#{loginBean.loggedIn}" id="logoutForm" value="Logout" immediate="true"
                                   action="#{loginBean.doLogout()}"/>
                </span>
            </h:form>
        </div>
    </div>
    <ui:insert name="content"/>
</h:body>
</html>